<template>
  <div class="hello">
    <button @click="test">测试</button>
    <Alert v-show="showVideo" @editHandleEmit="outClient"  >
      <playVideo ref="$video" />
    </Alert>
  </div>
</template>
<script lang="ts">
import { Component, Prop, Vue, Ref } from "vue-property-decorator";
import playVideo from "@/components/PlayVideo.vue";
import Alert from "@/components/Alert.vue";
@Component({
  components: {
    playVideo,
    Alert,
  },
})
export default class HelloWorld extends Vue {
  @Prop() private msg!: string;
  @Ref() readonly $video: any;
  private showVideo = false;
  private test(): void {
    this.showVideo = true;
    this.$store.commit("crumbs/ADDCRUMBSARR", this.$video.myPlayer);
  }
  private outClient(status: boolean) {
    this.showVideo = status;
  }
}
</script>